<p>
The Radial Gauge widget is used to let users quickly understand where a value lies in a certain range.
All graphics are rendered on the client using SVG with a fallback to VML for legacy browsers.
</p>

<h3>
Getting Started
</h3><div class="code-sample"><h4 class="code-title">1. Create a simple HTML div (optionally set a height and width with CSS)</h4><pre class="code prettyprint"><code>&lt;div id="radial-gauge"&gt;&lt;/div&gt;</code></pre></div><div class="code-sample"><h4 class="code-title">2. Initialize the Kendo UI RadialGauge with default configuration</h4><pre class="code prettyprint"><code>   $(document).ready(function() {
       $("#radial-gauge").kendoRadialGauge();
   });
&lt;/p&gt;</code></pre></div><h3>Creating half- and quarter-circle gauges</h3>

<p>The <code>startAngle</code> and <code>endAngle</code> configuration options enable you to create
gauges that align with your design goals.</p><div class="code-sample"><h4 class="code-title">Create a quarter-gauge, oriented to the top-right</h4><pre class="code prettyprint"><code>    $("#radial-gauge").kendoRadialGauge({
        startAngle: 90,
        endAngle: 180
    });</code></pre></div><p>For a real-world example for this functionality, see the car dashboard demo.</p>
